.color-box {
    width: 100%;
    padding: 10px;
    background-color: #fff
}

.tool-box .tool-bottom {
    width: 100%;
    height: 20px;
    background-color: #fff;
    text-align: center;
    color: #20a0ff;
    font-size: 12px;
    line-height: 20px;
    border-bottom: 1px solid #d3dce6;
    box-shadow: 0 2px 5px rgba(0,0,0,.12);
    cursor: pointer
}

.tool-box .tool-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.color-box .no-has {
    cursor: not-allowed
}

.color-box-item {
    box-sizing: content-box;
    height: 22px;
    line-height: 18px;
    margin: 1px 0;
    padding-right: 5px;
    border: 1px solid #fff;
    overflow: hidden
}

.color-box-item i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 0px;
    border-radius: 50%;
    vertical-align: middle
}

color-box .no-has span {
    color: #8492a6
}

.color-box-item span {
    font-size: 12px
}

.\+symptom {
    background-color: #ff0000
}

.-symptom {
    background-color: #ff9999
}

.\?symptom {
    background-color: #ff5555
}

.Accompany {
    background-color: #ff6699
}

.\+disease {
    background-color: #00ff00
}

.-disease {
    background-color: #99ff99
}

.\?disease {
    background-color: #55ff55
}

.\+allergyhistory {
    background-color: #0099ff
}

.-allergyhistory {
    background-color: #66aaff
}

.\?allergyhistory {
    background-color: #bcf0ff
}

.\+familyhistory {
    background-color: #5599ff
}

.-familyhistory {
    background-color: #0099cc
}

.\+personalhistory {
    background-color: #cccc33
}

.-personalhistory {
    background-color: #cccc99
}

.\?personalhistory {
    background-color: #cccc66
}

.\+Drug {
    background-color: #ff33ff
}

.-Drug {
    background-color: #ff99ff
}

.sign {
    background-color: #ffcc33
}

.generalstatus {
    background-color: #99cc33
}

.\+sign {
    background-color: #009999
}

.-sign {
    background-color: rgb(55,216,216)
}

.menstrualhistory {
    background-color: #009900
}

.marriagehistory {
    background-color: #cccc00
}

.pregnancy\&birth {
    background-color: #ff6600
}

.\+operation {
    background-color: #339999
}

.-operation {
    background-color: #33cccc
}

.\?operation {
    background-color: #cde6c7
}

.\+normalsign {
    background-color: #a8ff99
}

.-normalsign {
    background-color: #b8ffc1
}

.\+abnormalsign {
    background-color: #ffd58b
}

.-abnormalsign {
    background-color: #ffe5b0
}

.blood_transfusion {
    background-color: #e66858
}

.Lis {
    background-color: #e66858
}

.Lis_Order {
    background-color: #e6cb83
}

.Ris {
    background-color: #6199e6
}

.-ris_result {
    background-color: #e6c355
}

.\+ris_result {
    background-color: #9fe6cf
}

.nursing_assessment {
    background-color: #ace680
}

.anesthesia {
    background-color: #e69fcf
}

.operation_cut {
    background-color: #e6bb90
}

.unknown {
    background-color: #3333337a
}

.\+manipulation {
    background-color: #996396
}

.-manipulation {
    background-color: #cc5caa
}

.\?manipulation {
    background-color: #e69bd9
}

.\+inoculationhistory {
    background-color: #2c84ed
}

.-inoculationhistory {
    background-color: #66a0d4
}

.ne {
    color: #333333;
    cursor: pointer
}

.nohight {
    background-color: inherit;
    color: inherit
}

.large {
    font-size: 22px
}

.fontcolor {
    color: dodgerblue
}